<template>
    <div class="left-menu">
        <h3>颐养中心</h3>
        <el-menu unique-opened default-active="2" class="el-menu-vertical-demo" active-text-color="#FFCA3A"
            background-color="#3CA2E0" text-color="#fff" @open="handleOpen" @close="handleClose">
            <el-sub-menu index="1">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-bed"></span>
                    </el-icon>
                    <span>床位管理</span>
                </template>
                <el-menu-item index="1-1">
                    <el-icon>
                        <span class="iconfont icon-shiyitu"></span>
                    </el-icon>
                    <span>床位示意图</span>
                </el-menu-item>
                <el-menu-item index="1-2">
                    <el-icon>
                        <span class="iconfont icon-bed"></span>
                    </el-icon>
                    <span>床位管理</span>
                </el-menu-item>
                <el-menu-item index="1-3">
                    <el-icon>
                        <span class="iconfont icon-fangjianguanli"></span>
                    </el-icon>
                    <span>房间管理</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="2">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-kehuguanli"></span>
                    </el-icon>
                    <span>客户管理</span>
                </template>
                <el-menu-item index="2-1">
                    <el-icon>
                        <span class="iconfont icon-ruzhudengji"></span>
                    </el-icon>
                    <span>入住登记</span>
                </el-menu-item>
                <el-menu-item index="2-2">
                    <el-icon>
                        <span class="iconfont icon-tuizhu"></span>
                    </el-icon>
                    <span>退住登记</span>
                </el-menu-item>
                <el-menu-item index="2-3">
                    <el-icon>
                        <span class="iconfont icon-waichudengji"></span>
                    </el-icon>
                    <span>外出登记</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="3">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-huliguanli"></span>
                    </el-icon>
                    <span>护理管理</span>
                </template>
                <el-menu-item index="3-1">
                    <el-icon>
                        <span class="iconfont icon-hulijibie"></span>
                    </el-icon>
                    <span>护理级别</span>
                </el-menu-item>
                <el-menu-item index="3-2">
                    <el-icon>
                        <span class="iconfont icon-hulixiangmu"></span>
                    </el-icon>
                    <span>护理项目</span>
                </el-menu-item>
                <el-menu-item index="3-3">
                    <el-icon>
                        <span class="iconfont icon-hulishezhi"></span>
                    </el-icon>
                    <span>客户护理设置</span>
                </el-menu-item>
                <el-menu-item index="3-4">
                    <el-icon>
                        <span class="iconfont icon-hulijilu"></span>
                    </el-icon>
                    <span>护理记录</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="4">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-jiankangguanjia"></span>
                    </el-icon>
                    <span>健康管家</span>
                </template>
                <el-menu-item index="4-1">
                    <el-icon>
                        <span class="iconfont icon-chuangweiguanli"></span>
                    </el-icon>
                    <span>日常护理</span>
                </el-menu-item>
                <el-menu-item index="4-2">
                    <el-icon>
                        <span class="iconfont icon-fuwuduixiang"></span>
                    </el-icon>
                    <span>设置服务对象</span>
                </el-menu-item>
                <el-menu-item index="4-3">
                    <el-icon>
                        <span class="iconfont icon-fuwuguanzhu"></span>
                    </el-icon>
                    <span>服务关注</span>
                </el-menu-item>
                <el-menu-item index="4-4">
                    <el-icon>
                        <span class="iconfont icon-hulijilu"></span>
                    </el-icon>
                    <span>护理记录</span>
                </el-menu-item>
            </el-sub-menu>
            <el-sub-menu index="5">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-kehuguanli"></span>
                    </el-icon>
                    <span>用户管理</span>
                </template>
                <el-menu-item index="1-1">
                    <el-icon>
                        <span class="iconfont icon-jichushujuguanli"></span>
                    </el-icon>
                    <span>添加用户</span>
                </el-menu-item>
                <el-menu-item index="1-2">
                    <el-icon>
                        <span class="iconfont icon-yonghuguanli"></span>
                    </el-icon>
                    <span>用户列表</span>
                </el-menu-item>
            </el-sub-menu>
            <el-menu-item index="6">
                <el-icon>
                    <span class="iconfont icon-gerenzhongxin"></span>
                </el-icon>
                <span>个人中心</span>
            </el-menu-item>
            <el-sub-menu index="7">
                <template #title>
                    <el-icon>
                        <span class="iconfont icon-xitongshezhi"></span>
                    </el-icon>
                    <span>系统管理</span>
                </template>
                <el-menu-item index="1-1">
                    <el-icon>
                        <span class="iconfont icon-caidan"></span>
                    </el-icon>
                    <span>菜单管理</span>
                </el-menu-item>
                <el-menu-item index="1-2">
                    <el-icon>
                        <span class="iconfont icon-jiaose"></span>
                    </el-icon>
                    <span>角色管理</span>
                </el-menu-item>
            </el-sub-menu>
        </el-menu>
    </div>
</template>

<script setup>
const handleOpen = () => { }
const handleClose = () => { }
</script>

<style lang="less" scoped>
.left-menu {
    h3 {
        text-align: center;
        height: 60px;
        line-height: 60px;
        color: #fff;
        font-size: 30px;
    }
}
</style>